<div class="row m-n">
    <div class="crumbs-bar">
        <div yb-crumbs></div>
    </div>
    <div tabset type="tab">
        <div tab heading="兑换出库开票" active="activeFlag[0]" ng-click="changeTab(0)">
            <div class="row wrapper-y-sm">
                <div class="operate-bar col-xs-4 font-0">
                    <button class="btn btn-operate m-r-sm" ng-click="updateSAP()"
                        ng-disabled="!btnPermission.giftOutInvoiceCreate"
                        title="{{!btnPermission.giftOutInvoiceCreate?'无权限执行此操作':''}}">开票申请</button>
                </div>
                <div class="search-bar wrapper-none col-xs-8">
                    <div class="btn-group m-l-xs pull-right">
                        <button type="button" class="btn btn-default base-color" ng-click="search()" title="刷新">
                            <i class="yb-icon ico-refresh"></i>
                        </button>
                        <button type="button" class="btn btn-default base-color" title="配置表格列"
                            ng-click="switchToolbar('ColConfig');">
                            <i class="yb-icon ico-set"></i>
                        </button>
                        <!-- <div class="btn btn-default base-color">
                            <div title="导出">
                                <i class="yb-icon ico-export-o"></i>
                            </div>
                            <ul class="more-tool">
                                <li yb-download download-url="exportParam.sectionUrl"
                                    download-param="exportParam.sectionParam" download-key="ids"
                                    v-if="!!btnPermission.saleInvoiceExport">
                                    <i class="yb-icon ico-export-o"></i> 导出
                                </li>
                                <li yb-download download-url="exportParam.allUrl" download-param="condition"
                                    download-duration="1" v-if="!!btnPermission.saleInvoiceExportAll">
                                    <i class="yb-icon ico-export-o"></i> 导出全部
                                </li>
                            </ul>
                        </div> -->
                    </div>
                    <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')">高级搜索
                    </button>
                    <div class="input-group pull-right clearfix">
                        <input type="text" class="form-control txt-search" placeholder="开票单号"
                            ng-model="condition.invoiceNo">
                        <span class="input-group-addon cursor-pointer" ng-click="search(1)">搜索</span>
                    </div>
                </div>
                <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="search(1)"
                    reset-data="reset()">
                    <div class="advance-search m-t-sm">
                        <div class="form-group clearfix">
                            <label class="control-label">开票申请单号：</label>
                            <input type="text" ng-model="condition.invoiceNo" class="form-control">
                        </div>
                        <div class="form-group clearfix">
                            <label class="control-label">制单公司：</label>
                            <input type="text" ng-model="condition.orgName" class="form-control">
                        </div>
                        <div class="form-group clearfix">
                            <label class="control-label">制单人：</label>
                            <input type="text" ng-model="condition.createUserName" class="form-control">
                        </div>
                        <div class="form-group clearfix m-b-none">
                            <label class="control-label">制单时间：</label>
                            <input type="text" class="form-control date-picker" ng-model="condition.createDateStart"
                                   datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(0)" is-open="datePickerFlag[0]" close-text="关闭"
                                   ng-change="checkDate(condition, 'createDateStart', 'createDateEnd')" modal-size="small" readonly>
                        </div>
                        <div class="form-group clearfix m-b-none">
                            <label class="control-label"></label>
                            <label class="control-label wave-line">~</label>
                        </div>
                        <div class="form-group clearfix">
                            <label class="control-label"></label>
                            <input type="text" class="form-control date-picker" ng-model="condition.createDateEnd"
                                   datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(1)" is-open="datePickerFlag[1]" close-text="关闭"
                                   ng-change="checkDate(condition, 'createDateStart', 'createDateEnd')" modal-size="small" readonly>
                        </div>
                    </div>
                </div>
            </div>
            <div yb-col-config show-toolbar="toolbarConfig.showColConfig" ng-model="tableConfig" col-fixed="false"
                has-check-col="true"></div>
            <div class="main-area">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th width="40" class="text-center th-check border-l-none">
                                        <div yb-check-box yb-checked="markInfo.allChecked" yb-click="selectAll()"></div>
                                    </th>
                                    <th width="100" class="text-left th-check border-l-none"
                                        style="padding-left: 23px;">
                                        操作
                                    </th>
                                    <th ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-click="toSort(tableConfig.tableCol, $index)"
                                        ng-show="!!itemCol.isShow">
                                        <div yb-thead-operate ng-model="itemCol" target-width="tableConfig.scrollWidth">
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="dataList.length > 0">
                        <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in dataList track by $index"
                                    ng-class="{'row-selected': $index === markInfo.curRow}"
                                    ng-click="selectRow($index)">
                                    <td width="40" class="text-center border-l-none">
                                        <div yb-check-box yb-checked="item.isChecked" yb-click="selectSingle(item)">
                                        </div>
                                    </td>
                                    <td width="100" class="text-center">
                                        <button type="button" class="btn btn-operate" ng-disabled="item.auditStatus == '审核通过'"
                                            ng-click="edit(item, $index)">编辑</button>
                                        <button type="button" class="btn btn-operate"
                                            ng-disabled="item.auditStatus == '审核通过'  || !btnPermission.giftOutInvoiceDel"
                                            ng-click="del(item.id, $index)">删除</button>
                                        <button type="button" class="btn btn-operate"
                                            ng-disabled="item.auditStatus == '审核通过' || !btnPermission.giftOutInvoiceAudit"
                                            ng-click="examine(item)">审核</button>
                                    </td>
                                    <td class="spill-dots" ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-show="!!itemCol.isShow"
                                        title="{{item[itemCol.dataField]}}">
                                        <div ng-switch="itemCol.type">
                                            <div ng-switch-when="click">
                                                <a class="btn-operate m-r-xs"
                                                    ng-click="detailPageFn(item, itemCol.clickFn)">
                                                    {{item[itemCol.dataField]}}
                                                </a>
                                            </div>
                                            <div ng-switch-when="operate">
                                                <button type="button" class="btn btn-operate m-r-xs"
                                                    ng-click="sign(item.id)"
                                                    ng-disabled="item.isSign === 1 || !btnPermission.invoiceSign"
                                                    title="{{!btnPermission.invoiceSign?'无权限执行此操作':''}}">签收
                                                </button>
                                            </div>
                                            <div ng-switch-default>
                                                <span>{{item[itemCol.dataField]}}</span>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="dataList.length === 0">暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area page-bar wrapper-y-sm clearfix">
                <div yb-page-info ng-model="pageInfo" yb-refresh="search()"></div>
            </div>
        </div>
        <div tab heading="{{tabFlag.name}}" active="activeFlag[1]" ng-if="activeFlag[1]">
            <div ng-show="stepList.curStep == 0">
                <form name="orderForm" class="m-t-sm form-horizontal form-up-tb border-b clearfix" novalidate>
                    <div class="form-group col-xs-2 m-b-sm">
                        <label class="col-xs-5 control-label max-w-100"><i>*</i>客户名称：</label>
                        <div class="col-xs-6 wrapper-none">
                            <input type="text" name="customerName" class="form-control"
                                ng-model="orderObj.customerName" required yb-focus
                                placeholder="客户名称">
                            <div class="msg-block"
                                ng-if="orderForm.customerName.$dirty || (orderForm.customerName.$invalid && submitted)">
                                <div class="error-msg"
                                    ng-if="orderForm.customerName.$error.required && !orderForm.customerName.focused">
                                    <div class="msg-triangle"></div>
                                    必填项，请填写
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-5 m-b-sm">
                        <label class="col-xs-4 control-label max-w-100">制单时间：</label>
                        <div class="col-xs-4 wrapper-none">
                            <input type="text" class="form-control date-picker" placeholder="年/月/日"
                                ng-model="orderObj.createDateStart" datepicker-popup="{{'yyyy-MM-dd'}}"
                                ng-click="switchDataPicker(0)" is-open="datePickerFlag[0]" close-text="关闭"
                                ng-change="checkDate(orderObj, 'createDateStart', 'createDateEnd')" modal-size="small"
                                readonly>
                        </div>
                        <label class="col-xs-1 control-label max-w-100" style="text-align: center;">~</label>
                        <div class="col-xs-4 wrapper-none">
                            <input type="text" class="form-control date-picker" placeholder="年/月/日"
                                ng-model="orderObj.createDateEnd" datepicker-popup="{{'yyyy-MM-dd'}}"
                                ng-click="switchDataPicker(1)" is-open="datePickerFlag[1]" close-text="关闭"
                                ng-change="checkDate(orderObj, 'createDateStart', 'createDateEnd')" modal-size="small"
                                readonly>
                        </div>
                    </div>
                    <div class="form-group col-xs-3 m-b-sm">
                        <label class="col-xs-3 control-label max-w-100">出库单号：</label>
                        <div class="col-xs-6 wrapper-none">
                            <input type="text" name="exchangeOutNo" class="form-control" ng-model="orderObj.exchangeOutNo"
                                required yb-focus maxlength="20">
                        </div>
                        <div class="col-xs-2 p-l-sm p-r-none control-btn">
                            <button class="btn btn-default form-control" type="button"
                                ng-click="searchAddress()">搜索</button>
                        </div>
                    </div>
                    <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="searchAddress()" reset-data="reset()">
                        <div class="advance-search m-t-sm">
                            <div class="form-group clearfix m-b-none">
                                <label class="control-label">出库时间：</label>
                                <input type="text" class="form-control date-picker" placeholder="年/月/日" ng-model="orderObj.outboundDateStart"
                                    datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="showDateOutboundStart = !showDateOutboundStart" is-open="showDateOutboundStart" close-text="关闭"
                                    ng-change="checkDate(orderObj, 'outboundDateStart', 'outboundDateEnd')" modal-size="small" readonly>
                            </div>
                            <div class="form-group clearfix m-b-none">
                                <label class="control-label"></label>
                                <label class="control-label wave-line">~</label>
                            </div>
                            <div class="form-group clearfix">
                                <label class="control-label"></label>
                                <input type="text" class="form-control date-picker" placeholder="年/月/日" ng-model="orderObj.outboundDateEnd"
                                    datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="showDateOutboundEnd = !showDateOutboundEnd" is-open="showDateOutboundEnd" close-text="关闭"
                                    ng-change="checkDate(orderObj, 'outboundDateStart', 'outboundDateEnd')" modal-size="small" readonly>
                            </div>
                        </div>                      
                    </div>
                </form>
                <div class="clearfix">

                    <div class="pos-a-full" style="right: 50%;top: 10px;margin-top: 70px;">
                        <div yb-table-fixed class="table-fixed-wrap fix-left" ele-count="4" scroll-area="right"
                            style="top:50px; bottom: 50px;">
                            <div class="th-fixed">
                                <table class="table-fixed border-none" width="{{addLeftTableConfig.fixedWidth}}">
                                    <thead>
                                        <tr>
                                            <th width="40" class="text-center th-check border-l-none">
                                                <div yb-check-box yb-checked="orderMarkInfo.allChecked"
                                                    yb-click="orderSelectAll()"></div>
                                            </th>
                                            <th ng-repeat="itemCol in addLeftTableConfig.tableCol track by $index"
                                                width="{{itemCol.width}}"
                                                ng-click="toSort(addLeftTableConfig.tableCol, $index)"
                                                ng-show="!!itemCol.isShow && !!itemCol.isFixed">
                                                <div yb-thead-operate ng-model="itemCol"
                                                    target-width="addLeftTableConfig.fixedWidth"
                                                    fixed-width="tbStyle.billFixedWidth"></div>
                                            </th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="th-scroll-x" ng-style="tbStyle.billFixedWidth">
                                <table class="table-fixed border-none" width="{{addLeftTableConfig.scrollWidth}}">
                                    <thead>
                                        <tr>
                                            <th width="40" class="text-center th-check border-l-none">
                                                <div yb-check-box yb-checked="markInfo.allChecked"
                                                    yb-click="orderSelectAll()"></div>
                                            </th>
                                            <th ng-repeat="itemCol in addLeftTableConfig.tableCol track by $index"
                                                width="{{itemCol.width}}"
                                                ng-click="toSort(addLeftTableConfig.tableCol, $index)"
                                                ng-show="!!itemCol.isShow && !itemCol.isFixed">
                                                <div yb-thead-operate ng-model="itemCol"
                                                    target-width="addLeftTableConfig.scrollWidth"></div>
                                            </th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="td-scroll-y" ng-show="orderDataList.length > 0">
                                <table class="table-fixed border-none" width="{{addLeftTableConfig.fixedWidth}}">
                                    <tbody>
                                        <tr ng-repeat="item in orderDataList track by $index"
                                            ng-class="{'row-selected': $index === orderMarkInfo.cueRow}"
                                            ng-click="selectRow($index)">
                                            <td width="40" class="text-center border-l-none">
                                                <div yb-check-box yb-checked="item.isChecked"
                                                    yb-click="orderSelectSingle(item)"></div>
                                            </td>
                                            <td class="spill-dots"
                                                ng-repeat="itemCol in addLeftTableConfig.tableCol track by $index"
                                                width="{{itemCol.width}}"
                                                ng-show="!!itemCol.isShow && !!itemCol.isFixed"
                                                title="{{item[itemCol.dataField]}}">
                                                <span
                                                    ng-if="!itemCol.clickFn && itemCol.type !== 'operate'">{{item[itemCol.dataField]}}</span>
                                                <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)"
                                                    ng-if="!!itemCol.clickFn">
                                                    {{item[itemCol.dataField]}}
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="td-scroll" ng-show="orderDataList.length > 0" ng-style="tbStyle.billFixedWidth">
                                <table class="table-fixed border-none" width="{{addLeftTableConfig.scrollWidth}}">
                                    <tbody>
                                        <tr ng-repeat="item in orderDataList track by $index"
                                            ng-class="{'row-selected': $index === orderMarkInfo.cueRow}"
                                            ng-click="selectRow($index)">
                                            <td width="40" class="text-center border-l-none">
                                                <div yb-check-box yb-checked="item.isChecked"
                                                    yb-click="orderSelectSingle(item)"></div>
                                            </td>
                                            <td class="spill-dots"
                                                ng-repeat="itemCol in addLeftTableConfig.tableCol track by $index"
                                                width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !itemCol.isFixed"
                                                title="{{item[itemCol.dataField]}}">
                                                <span
                                                    ng-if="!itemCol.clickFn && itemCol.type !== 'operate'">{{item[itemCol.dataField]}}</span>
                                                <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)"
                                                    ng-if="!!itemCol.clickFn">
                                                    {{item[itemCol.dataField]}}
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="no-data w-full text-center p-t" ng-show="orderDataList.length === 0">暂时没有数据
                            </div>
                        </div>
                        <div class="bottom-area page-bar wrapper-y-sm clearfix">
                            <div yb-check-box class="m-t-xs m-r-sm" yb-checked="markInfo.allChecked" yb-check-name="全选"
                                yb-click="orderSelectAll()"></div>
                            <div yb-page-info ng-model="orderPageInfo" yb-refresh="searchAddress()"></div>
                        </div>
                    </div>
                    <div class="pos-a-full" style="left: 50%; padding-left: 10px;top:10px;margin-top: 70px;">
                        <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')"  style="margin-top: 15px;">高级搜索
                        </button>
                        <div yb-table-fixed class="table-fixed-wrap" style="top:50px; bottom: 50px; left: 10px;">
                            <div class="th-scroll-x">
                                <table class="table-fixed border-none" width="180%">
                                    <thead>
                                        <tr>
                                            <th width="20%">出库单号</th>
                                            <th width="20%">兑换单号</th>
                                            <th width="15%">制单人</th>
                                            <th width="20%">客户姓名</th>
                                            <th width="15%">出库库区</th>
                                            <th width="15%">制单时间</th>
                                            <th width="15%">总价</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="td-scroll" ng-show="newOrderObj.materialListShow.length > 0">
                                <table class="table-fixed border-none" width="180%">
                                    <tbody>
                                        <tr ng-repeat="item in newOrderObj.materialListShow track by $index">
                                            <td width="20%" class="spill-dots" title="{{item.exchangeOutNo}}">
                                                {{item.exchangeOutNo}}</td>
                                            <td width="20%" class="spill-dots" title="{{item.exchangeNo}}">
                                                {{item.exchangeNo}}</td>
                                            <td width="15%" class="spill-dots" title="{{item.createName}}">
                                                {{item.createName}}</td>
                                            <td width="20%" class="spill-dots" title="{{item.customerName}}">
                                                {{item.customerName}}</td>
                                            <td width="15%" class="spill-dots" title="{{item.outArea}}">{{item.outArea}}
                                            </td>
                                            <td width="15%" class="spill-dots"
                                                title="{{item.createTime}}">{{item.createTime}}
                                            </td>
                                            <td width="15%" class="spill-dots" title="{{item.totalPrice}}">{{item.totalPrice}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="no-data w-full text-center p-t" ng-show="selectedList.length === 0">暂时没有数据</div>
                        </div>
                        <div class="bottom-area page-bar wrapper-y-sm text-right clearfix">
                            <button type="button" class="btn" ng-click="skip()">跳过</button>
                            <button type="button" class="btn btn-primary"
                                ng-disabled="newOrderObj.materialListShow.length==0" ng-click="nextStep()">下一步
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第二步 / 编辑页 -->
            <div ng-show="stepList.curStep == 1">
                <div class="row" style="margin-top: 20px !important;">
                    <div class="col-md-4">客户名称： {{newOrderObj.customerName}}</div>
                    <div class="col-md-2">开票金额： {{(newOrderObj.invoiceAmount).toFixed(2)}}</div>
                </div>
                <div class="main-area d-b-60" style="top:150px;">
                    <div yb-table-fixed class="table-fixed-wrap">
                        <div class="th-scroll-x">
                            <table class="table-fixed border-none" width="{{newTbConfInvoice.scrollWidth}}">
                                <thead>
                                    <tr>
                                        <th width="80">
                                            操作
                                        </th>
                                        <th ng-repeat="itemCol in newTbConfInvoice.tableCol track by $index"
                                            width="{{itemCol.width}}" ng-if="itemCol.type!=='cost'||costPriceShow">
                                            <div yb-thead-operate ng-model="itemCol"
                                                target-width="newTbConfInvoice.scrollWidth"></div>
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="td-scroll" ng-show="newOrderObj.materialListInvoice.length > 0">
                            <table class="table-fixed border-none" width="{{newTbConfInvoice.scrollWidth}}">
                                <tbody>
                                    <tr ng-repeat="item in newOrderObj.materialListInvoice track by $index">
                                        <td width="80">
                                            <button type="button" class="btn btn-operate"
                                                ng-click="delSelectItem(item, $index)">删除</button>
                                        </td>
                                        <td ng-repeat="itemCol in newTbConfInvoice.tableCol track by $index"
                                            width="{{itemCol.width}}" title="{{item[itemCol.dataField]}}"
                                            ng-if="itemCol.type!=='cost'||costPriceShow">

                                            <div class="spill-dots" ng-if="!itemCol.input">
                                                <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)"
                                                    ng-if="!!itemCol.clickFn">
                                                    {{item[itemCol.dataField]}}
                                                </a>
                                                <span ng-if="!itemCol.clickFn && !itemCol.changeColor">
                                                    {{item[itemCol.dataField]}}
                                                </span>
                                                <span ng-if="!itemCol.clickFn && itemCol.changeColor"
                                                    ng-style="{'color' : item.changeColor ? 'red' : '#333'}">
                                                    {{item[itemCol.dataField]}}
                                                </span>
                                            </div>

                                            <div ng-if="itemCol.input" class="td-edit pos-r">
                                                <span>{{item[itemCol.dataField]}}</span>
                                            </div>

                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="no-data w-full text-center p-t" ng-show="newOrderObj.materialListInvoice.length === 0">
                            暂时没有数据</div>
                    </div>
                </div>
                <div class="bottom-area btn-bar text-center clearfix">
                    <button type="button" ng-show="tabFlag.name!='编辑'" class="btn btn-default m-r-sm"
                        ng-click="upStep()">上一步</button>
                    <button type="button" class="btn btn-primary m-r-sm" ng-click="saveTicket(form.$valid)">提交</button>
                    <button type="button" class="btn btn-default m-r-sm" ng-click="cancel()">取消</button>
                </div>
            </div>

            <!-- 第三步 (跳过页) -->
            <div ng-show="stepList.curStep == 2">
                <div>
                    <form class="form-horizontal" style="margin-top: 20px;">
                        <div class="form-group">
                            <label for="exampleInputEmail1" class="col-sm-2 control-label">客户名称：</label>
                            <div class="col-sm-9" style="line-height: 34px;">
                                {{skipInfo.customerName}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputEmail1" class="col-sm-2 control-label"><i>*</i>申请开票金额：</label>
                            <div class="col-sm-9">
                                <input type="number" class="form-control" ng-model="skipInfo.money"
                                    oninput="if(value.length>7)value=value.slice(0,7)" placeholder="输入金额">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputEmail1" class="col-sm-2 control-label">备注：</label>
                            <div class="col-sm-9">
                                <textarea class="form-control" ng-model="skipInfo.remark" rows="3"></textarea>
                                <!-- <input type="textarea" row="10" class="form-control" id="exampleInputEmail1" placeholder=""> -->
                            </div>
                        </div>


                    </form>
                    <p style="position: fixed;bottom: 0;left: 50%;">
                        <button type="button" class="btn btn-default" ng-click="upStep()">上一步</button>
                        <button type="button" class="btn btn-primary" ng-click="submit_skip()">提交</button>
                        <button type="button" class="btn btn-default" ng-click="cancel()">取消</button>
                    </p>
                </div>
            </div>

        </div>

        <div tab heading="审核" active="activeFlag[2]" ng-if="activeFlag[2]">
            <div class="row" style="margin-top: 20px !important;">
                <div class="col-md-4">客户名称： {{newOrderObj.customerName}}</div>
                <div class="col-md-2">开票金额： {{newOrderObj.invoiceAmount}}</div>
            </div>
            <div class="main-area d-b-60" style="top:150px;">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{newTbConfInvoice.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th ng-repeat="itemCol in newTbConfInvoice.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-if="itemCol.type!=='cost'||costPriceShow">
                                        <div yb-thead-operate ng-model="itemCol"
                                            target-width="newTbConfInvoice.scrollWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="newOrderObj.materialListInvoice.length > 0">
                        <table class="table-fixed border-none" width="{{newTbConfInvoice.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in newOrderObj.materialListInvoice track by $index">
                                    <td ng-repeat="itemCol in newTbConfInvoice.tableCol track by $index"
                                        width="{{itemCol.width}}" title="{{item[itemCol.dataField]}}"
                                        ng-if="itemCol.type!=='cost'||costPriceShow">

                                        <div class="spill-dots" ng-if="!itemCol.input">
                                            <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)"
                                                ng-if="!!itemCol.clickFn">
                                                {{item[itemCol.dataField]}}
                                            </a>
                                            <span ng-if="!itemCol.clickFn && !itemCol.changeColor">
                                                {{item[itemCol.dataField]}}
                                            </span>
                                            <span ng-if="!itemCol.clickFn && itemCol.changeColor"
                                                ng-style="{'color' : item.changeColor ? 'red' : '#333'}">
                                                {{item[itemCol.dataField]}}
                                            </span>
                                        </div>

                                        <div ng-if="itemCol.input" class="td-edit pos-r">
                                            <span>{{item[itemCol.dataField]}}</span>
                                        </div>

                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="newOrderObj.materialListInvoice.length === 0">
                        暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area btn-bar text-center clearfix">
                <button type="button" class="btn btn-primary m-r-sm" ng-click="auditSaveData(0)">通过</button>
                <button type="button" class="btn btn-primary m-r-sm" ng-click="auditSaveData(1)">拒绝</button>
                <button type="button" class="btn btn-default m-r-sm" ng-click="cancel()">取消</button>
            </div>

        </div>
        <div tab heading="详情" active="activeFlag[6]" ng-if="activeFlag[6]">
            <div class="row" style="margin-top: 20px !important;">
                <div class="col-md-3">开票单号： {{detailInfo.invoiceNo}}</div>
                <div class="col-md-3">开票总金额： {{detailInfo.invoiceAmount.toFixed(2)}}</div>
                <div class="col-md-3">制单人： {{detailInfo.createUserName}}</div>
            </div>
            <div class="row" style="margin-top: 20px !important;">
                <div class="col-md-3">状态：
                    <span ng-if="detailInfo.auditStatus == 0">待审核</span>
                    <span ng-if="detailInfo.auditStatus == 1">审核通过</span>
                    <span ng-if="detailInfo.auditStatus == 2">审核拒绝</span>
                </div>
                <div class="col-md-3">制单时间： {{detailInfo.createDate | YbDate:"yyyy-MM-dd HH:mm:ss"}}</div>
            </div>
            <div class="main-area d-b-60" style="top:150px;">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{newTbConfInvoice.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th ng-repeat="itemCol in newTbConfInvoice.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-if="itemCol.type!=='cost'||costPriceShow">
                                        <div yb-thead-operate ng-model="itemCol"
                                            target-width="newTbConfInvoice.scrollWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="newOrderObj.materialListInvoice.length > 0">
                        <table class="table-fixed border-none" width="{{newTbConfInvoice.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in newOrderObj.materialListInvoice track by $index">
                                    <td ng-repeat="itemCol in newTbConfInvoice.tableCol track by $index"
                                        width="{{itemCol.width}}" title="{{item[itemCol.dataField]}}"
                                        ng-if="itemCol.type!=='cost'||costPriceShow">

                                        <div class="spill-dots" ng-if="!itemCol.input">
                                            <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)"
                                                ng-if="!!itemCol.clickFn">
                                                {{item[itemCol.dataField]}}
                                            </a>
                                            <span ng-if="!itemCol.clickFn && !itemCol.changeColor">
                                                {{item[itemCol.dataField]}}
                                            </span>
                                            <span ng-if="!itemCol.clickFn && itemCol.changeColor"
                                                ng-style="{'color' : item.changeColor ? 'red' : '#333'}">
                                                {{item[itemCol.dataField]}}
                                            </span>
                                        </div>

                                        <div ng-if="itemCol.input" class="td-edit pos-r">
                                            <span>{{item[itemCol.dataField]}}</span>
                                        </div>

                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="newOrderObj.materialListInvoice.length === 0">
                        暂时没有数据</div>
                </div>
            </div>

        </div>

    </div>
</div>
